<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Machiavel Fantasy - Jeux</title>

        <script src="js/jquery-2.1.3.min.js"></script>
        <link rel="icon" href="images/icone_site/favicon.png">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link 	href="css/complement.css" rel="stylesheet" type="text/css"/><!--CSS personnaliser-->
	</head>
	<body>
		<?php
			include_once("accessoires/header.html");//logo du site
			include_once("accessoires/menu.html");//barre de menu
		?>
		<div class="col-md-2">
			<?php include_once("accessoires/calendrier_aside.php");
				  include_once("accessoires/actualite_mini.php");
			?>
		</div>
		<div class="col-md-8 contenu espace_description">
			<div style="float:left;">
				<h3 class="media-heading underline">Les jeux du club... <small></small></h3>
				<p class="text_description">
					<em>
						Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus
						decorata magnis et pulchris; in quibus amoenitate celebritateque nominum Tyros excellit, 
						Sidon et Berytus isdemque pares Emissa et Damascus saeculis condita.
					</em>
				</p>
			</div>
			<?php $i=0;
				while(isset($id_type_jeu[$i]))
				{ ?>
					<div class="col-xs-6 col-md-6 espace_description">
						<a href="liste_jeu.php?jeu=<?php echo $id_type_jeu[$i]; ?>" class="thumbnail" style="">
							<p style="text-align:center;color: #333;" ><img class="img-responsive" src="<?php echo $image_type_jeu[$i]; ?>" alt="<?php echo $libelle_type_jeu[$i]; ?>"></p>
							<h4 class="media-heading text-center underline" style="margin-top:10px;"><?php echo $libelle_type_jeu[$i]; ?></h4>
							<p class="text_description" ><?php echo $description_type_jeu[$i]; ?></p>
						</a>
					</div>
			<?php $i++; } ?>
		</div>
		<?php 
			include_once("accessoires/chat.php");
			include_once("accessoires/footer.html");
		?>
	</body>
</html>	